<template>
  <el-table
    :data="tableData"
    style="width: 1000px"
    :row-class-name="tableRowClassName"
     border = true>
    <el-table-column
      prop="account"
      label="账号"
      width="180">
    </el-table-column>
    <el-table-column
      prop="operatorName"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      label="操作"
      fixed="right"
    width="400px">
      <template slot-scope="scope">
        <el-button
          size="mini"
          @click="handleEdit(scope.$index, scope.row)">查看</el-button>
        <el-button
          size="mini"
          @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
        <el-button
          size="mini"
          type="danger"
          @click="handleDelete(scope.$index, scope.row)">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>

  import {SystemManageService}from '../SystemManageService'

  export default {
    name: "OperatorList",
    data() {
      return {
        tableData: [],
      }
    },
    mounted:function () {
      this.findAllOperators();
    },
    methods: {
      findAllOperators() {
        SystemManageService.findAllOperators().then(res => {
          this.tableData = res.data;
        })
      }
    }
  }
</script>

<style scoped>

</style>
